<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    	<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    	<link rel="stylesheet" type="text/css" href="../css/mui.min.css"/>
    	<link rel="stylesheet" type="text/css" href="../css/public.css"/>
    	<link rel="stylesheet" type="text/css" href="../css/fund_details.css"/>
		<title>基金详情-非理财货币</title>
	</head>
	<body>
		<header id="header" class="mui-bar mui-bar-nav jjs-header">
			<div id="segmentedControl" class="mui-segmented-control cs_table_swich">
				<a class="mui-control-item mui-active" href="#item1">实时估值</a>
				<a class="mui-control-item" href="#item2">重仓持股</a>
			</div>
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left header-left-result"></a>
			<a class="mui-icon mui-icon-bars mui-pull-right header-right"></a>
		</header>
		<div class="mui-content cs_nobg">
			<div class="cs_card-box">
				<div class="mui-card">
					<div class="mui-card-content">
						<div class="cs_card_info">
							<span class="cs_tips_block blod_black">国金鑫盈货币市场证券投资基金-</span><span class="code-num">000439</span>
						</div>
							
						
						<div class="card_right_btn_box">
							<span class="cs_attention_btn">关注</span>
							<span class="cs_contrast_btn">对比</span>
						</div>
						<div class="canvas_box">
							<div class="canvas_main" id="canvasbox">
								图表区
							</div>
						</div>
						
						<div class="cs_cut_line"></div>
						
						<div class="cs_card_sub">
							<div class="cs_card_info">
								<span class="cs_tips_block blod_black">基金净值</span>
							
							</div>
							<div class="cs_f_right">
								<span>累积净值：</span><span>2.0950</span>
							</div>
							<!--最近净值-->
							<div class="flex-box recently_data t_cen">
								<div class="flex-1">
									近一个月:<span class="t_red">-12.15%</span>
								</div>
								<div class="flex-1">
									近六个月:<span class="t_red">-12.15%</span>
								</div>
								<div class="flex-1">
									近一年:<span class="t_red">-12.15%</span>
								</div>
							</div>
							
							<!--最新估值-->
							<div class="flex-box new_data t_cen">
								<div class="flex-2 t_left">
									<p>最新估值（10-13）</p>
									<div class="flex-box t_red">
										<div class="flex-2 bg_value ">
											1.7855
										</div>
										<div class="flex-1 detail_nums">
											<p class="detail_nums t_red">+0.0065</p>
											<p class="detail_nums t_red">+0.23%</p>
										</div>
									</div>
								</div>
								<div class="flex-1">
									
								</div>
								<div class="flex-2">
									<p>最新估值（10-13）</p>
									<div class="flex-box t_green">
										<div class="flex-2 bg_value ">
											1.7855
										</div>
										<div class="flex-1 detail_nums">
											<p class="detail_nums t_green">+0.0065</p>
											<p class="detail_nums t_green">+0.23%</p>
										</div>
									</div>
								</div>
							</div>
							
							<!--分割线-->
							<div class="cs_cut_line"></div>
							
							<div class="cs_fund_info ">
								<div class="flex-box">
									<div class="flex-1">
										基金类型: <span>混合型</span>
									</div>
									<div class="flex-1 t_hide">
										成立时间：<span>2013.06.12</span>
									</div>
									<div class="flex-1 t_indent20">
										规模： <span>14.25亿</span>
									</div>
								</div>
								<div class="flex-box">
									<div class="flex-1">
										基金状态：<span>正常</span>
									</div>
									<div class="flex-1 t_hide">
										基金公司：<span>宝华兴业</span>
									</div>
									<div class="flex-1 t_indent20">
										经理：<span>楼鸿强</span>
									</div>
								</div>
							</div>
						</div>
							
					</div>
										
				</div>
			</div>
			
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right cs_menu_list_item">
						基金档案<span>详情</span>
					</a>
				</li>
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right cs_menu_list_item">
						基金概况<span>详情</span>
					</a>
				</li>
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right cs_menu_list_item">
						历史净值
						<span>详情</span>
					</a>
				</li>
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right cs_menu_list_item">
						购买汇率<span>详情</span>
					</a>
				</li>
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right cs_menu_list_item">
						财务报表<span>详情</span>
					</a>
				</li>
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right cs_menu_list_item">
						基金公告<span>详情</span>
					</a>
				</li>
			</ul>
		</div>
		
		
		
		<script src="../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/echarts-all-3.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var myChart = echarts.init(document.getElementById('canvasbox'));
			option = {
			    tooltip: {
			        trigger: 'item',
			        formatter: '{a} <br/>{b} : {c}'
			    },
			    xAxis: {
			        type: 'category',
			        name: 'x',
			        splitLine: {show: false},
			        data: ['1', '2', '3', '4', '5', '6', '7', '8'],
			        splitLine:{show: true}
			    },
			    grid: {
			    	top:'3%',
			        left: '0%',
			        right: '3%',
			        bottom: '0%',
			        containLabel: true
			    },
			    yAxis: {
			    	splitNumber:6,
			        type: 'value',
			        name: 'y',
			    },
			    series: [
			       
			        {
			            name: '2的指数',
			            type: 'line',
			            itemStyle : {  
                            normal : {  
                                lineStyle:{  
                                    color:'#D52F2F'  
                                }  
                            }  
                        }, 
			            data: [25, 95, 36, 46, 150, 86, 64, 128, 124],
			            symbol:'none',  //这句就是去掉点的  
//      				smooth:true,  //这句就是让曲线变平滑的 
			            
			        },
			       
			    ]
			};
//			显示图表
			myChart.setOption(option);
		</script>
	</body>
</html>
